const autoprefixer = require("autoprefixer");
const pxtorem = require("postcss-pxtorem");

// Vue.config.js 配置选项
module.exports = {
  // 选项
  //基本路径
  publicPath: "./",
  //构建时的输出目录
  outputDir: "dist",
  //放置静态资源的目录
  assetsDir: "static",
  //html 的输出路径
  indexPath: "index.html",

  devServer: {
    // 自动打开浏览器
    open: true,
    host: "localhost",
    // 端口
    port: 8089,
    // https
    https: false,
    // 热更新
    hotOnly: false,
    // 使用代理
    proxy: {
      "/ka-moot-service/api": {
        // 目标代理服务器地址
        target: "https://mddapp-dev.lecarlink.com/",
        // 开启代理，本地创建一个虚拟服务器 允许跨域
        changeOrigin: true,
      },
    },
  },

  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer(),
          pxtorem({
            rootValue: 37.5,
            propList: ["*"],
          }),
        ],
      },
      less: {
        // 若使用 less-loader@5，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
            hack: `true; @import "./src/assets/less/vant.less";`,
          },
        },
      },
    },
  },
};
